{{#unless @hideProgress}}
  <ol
    class="state--{{this.dasherizedName}}
      grid grid-cols-3 w-full items-center list-none gap-0.5"
  >
    <Doc::StateProgressBar class={{this.state.barOneClass}} />
    <Doc::StateProgressBar class={{this.state.barTwoClass}} />
    <Doc::StateProgressBar class={{this.state.barThreeClass}} />
  </ol>
{{/unless}}

<Hds::Badge
  @text={{this.state.label}}
  @color={{this.state.color}}
  ...attributes
/>
